<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝 好喜欢</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/jquery-1.10.1.min.js"></script>
    <script src="../js/interface.js"></script>
    <script src="../js/cookie.js"></script>
</head>

<body>
    <!--功能应该差不多啦 -->
    <div class="header">
        <div class="w clearfix">
            <ul class="headLeft">
                <li class="district clearfix">
                    <span>中国大陆</span>
                    <span></span>
                    <ul class="diSub">
                        <li>全球</li>
                        <li>中国大陆</li>
                        <li>中国香港</li>
                        <li>中国台湾</li>
                        <li>中国澳门</li>
                        <li>韩国</li>
                        <li>马来西亚</li>
                        <li>澳大利亚</li>
                        <li>新加坡</li>
                        <li>新西兰</li>
                        <li>加拿大</li>
                        <li>日本</li>
                    </ul>
                </li>
                <li class="tips">
                    <a href="./login.html" class="login">亲，请登录</a>
                    <a href="./register.html" class="regist">免费注册</a>
                    <div class="exit">退出</div>
                </li>
                <li>
                    <a href="javascript:;" class="mobile">手机逛淘宝</a>
                </li>
            </ul>
            <ul class="headRight">
                <li class="myTaobao">
                    <a href="javascript:;">我的淘宝</a>
                    <i></i>
                    <ul class="subNav">
                        <li>我的足迹</li>
                        <li>已买到的宝贝</li>
                    </ul>
                </li>
                <li class="shopCar">
                    <i class="icon"></i>
                    <a href="javascript:;" class="toCar">购物车<span class="count">0</span></a>
                    <i></i>
                    <ul class="subNav">
                        <li><span>您购物车里还没有任何宝贝。</span><a href="./shoppingCar.html" class="toCar">查看我的购物车</a></li>
                    </ul>
                </li>
                <li>
                    <i></i>
                    <a href="javascript:;">收藏夹</a>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">商品分类</a>
                </li>
                <li>
                    <a href="javascript:;">免费开店</a>
                </li>
                <li class="separated">
                    <span>|</span>
                </li>
                <li>
                    <a href="javascript:;">千牛卖家中心</a>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">联系客服</a>
                    <i></i>
                </li>
                <li>
                    <a href="javascript:;">网站导航</a>
                    <i></i>
                </li>
            </ul>
        </div>
    </div>
    <div class="search w clearfix">
        <h1 class="logo"><a href="javascript:;"><img src="../images/logo.png" alt=""></a></h1>
        <div class="midBar">
            <div class="searchBar">
                <div class="baby">
                    <a href="javacript:;"><span>宝贝</span><i></i></a>
                    <div class="subBaby">
                        <a href="javascript:;">天猫</a>
                        <a href="javascript:;">店铺</a>
                    </div>
                </div>
                <div class="searchConBar">
                    <input type="text" name="" id="" class="searchCon" placeholder="请输入关键字">
                    <a href="#" class="searchBtn">搜索</a>
                    <i class="searchIcon"></i>
                </div>
            </div>
            <ul class="searchNav">
                <li><a href="javascript:;">新款连衣裙</a></li>
                <li><a href="javascript:;">四件套</a></li>
                <li><a href="javascript:;" class="hot">潮流T恤</a></li>
                <li><a href="javascript:;">时尚女鞋</a></li>
                <li><a href="javascript:;">短裤</a></li>
                <li><a href="javascript:;">半身裙</a></li>
                <li><a href="javascript:;">男士外套</a></li>
                <li><a href="javascript:;">墙纸</a></li>
                <li><a href="javascript:;">行车记录仪</a></li>
                <li><a href="javascript:;">新款男鞋</a></li>
                <li><a href="javascript:;">耳机</a></li>
                <li><a href="javascript:;">时尚女包</a></li>
                <li><a href="javascript:;">沙发</a></li>
            </ul>
        </div>
        <div class="redEnvelope">
            <a href="">
                <span>去领红包</span>
                <img src="../images/red.png" alt="">
            </a>
        </div>
    </div>

    <div class="navHead w">
        <h2>主题市场</h2>
        <ul class="navOne">
            <li><a href="" class="tmall">天猫</a></li>
            <li><a href="" class="bargain">聚划算</a></li>
            <li><a href="" class="tmallSup">天猫超市</a></li>
        </ul>
        <ul class="navTwo">
            <li>|</li>
            <li><a href="">司法拍卖</a></li>
            <li><a href="">飞猪旅行</a></li>
            <li><a href="">天天特卖</a></li>
        </ul>
        <ul class="navThree">
            <li>|</li>
            <li><a href="">造点新货</a></li>
            <li><a href="">苏宁易购</a></li>
            <li><a href="">淘宝心选</a></li>
            <li><a href="">智能生活</a></li>
        </ul>
    </div>
    <div class="nav w clearfix">
        <div class="navBar">
            <ul>
                <li>
                    <a href="#">女装</a><span>/</span><a href="#">内衣</a><span>/</span><a href="#">家居</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">女鞋</a><span>/</span><a href="#">男鞋</a><span>/</span><a href="#">箱包</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">母婴</a><span>/</span><a href="#">童装</a><span>/</span><a href="#">玩具</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">男装</a><span>/</span><a href="#">运动户外</a><i class="navIcon"></i>
                </li>
                <li>
                    <a href="#">美妆</a><span>/</span><a href="#">彩妆</a><span>/</span><a href="#">个护</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">手机</a><span>/</span><a href="#">数码</a><span>/</span><a href="#">企业</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">大家电</a><span>/</span><a href="#">生活电器</a><i class="navIcon"></i>
                </li>
                <li>
                    <a href="#">零食</a><span>/</span><a href="#">生鲜</a><span>/</span><a href="#">茶酒</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">厨具</a><span>/</span><a href="#">收纳</a><span>/</span><a href="#">清洁</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">家纺</a><span>/</span><a href="#">家饰</a><span>/</span><a href="#">鲜花</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">图文音箱</a><span>/</span><a href="#">文具</a><i class="navIcon"></i>
                </li>
                <li>
                    <a href="#">医药保健</a><span>/</span><a href="#">进口</a><i class="navIcon"></i>
                </li>
                <li>
                    <a href="#">汽车</a><span>/</span><a href="#">二手车</a><span>/</span><a href="#">用品</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">房产</a><span>/</span><a href="#">装修</a><span>/</span><a href="#">建材</a><i
                        class="navIcon"></i>
                </li>
                <li>
                    <a href="#">手表</a><span>/</span><a href="#">眼镜</a><span>/</span><a href="#">珠宝</a><i
                        class="navIcon"></i>
                </li>
            </ul>
            <div class="subNavBar">
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
                <div class="dn"></div>
            </div>
        </div>
        <div class="banner">
            <div class="core">
                <div class="imgBox">
                    <a href=""><img src="../images/banner1.jpg" alt=""></a>
                    <a href=""><img src="../images/banner2.jpg" alt=""></a>
                    <a href=""><img src="../images/banner3.jpg" alt=""></a>
                    <a href=""><img src="../images/banner4.jpg" alt=""></a>
                    <a href=""><img src="../images/banner5.jpg" alt=""></a>
                    <a href=""><img src="../images/banner1.jpg" alt=""></a>
                </div>
                <ul class="banNavBar">
                    <li class="banAct"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <div class="left"></div>
                <div class="right"></div>
            </div>
            <div class="tmallBan">
                <div class="tmall_hd">
                    <span><img src="../images/tmallLogo.png" alt=""><span class="ideal">理想生活上天猫</span></span>
                    <span><i class="hdCount">1</i><em>/5</em></span>
                </div>
                <div class="tmall_bd">
                    <div class="bdBar">
                        <div class="bdOne">
                            <a href=""><img src="../images/tmall1_1.jpg" alt=""></a>
                            <a href=""><img src="../images/tmall1_2.jpg" alt=""></a>
                        </div>
                        <div class="bdOne">
                            <a href=""><img src="../images/tmall2_1.jpg" alt=""></a>
                            <a href=""><img src="../images/tmall2_2.jpg" alt=""></a>
                        </div>
                        <div class="bdOne">
                            <a href=""><img src="../images/tmall3_1.jpg" alt=""></a>
                            <a href=""><img src="../images/tmall3_2.jpg" alt=""></a>
                        </div>
                        <div class="bdOne">
                            <a href=""><img src="../images/tmall4_1.jpg" alt=""></a>
                            <a href=""><img src="../images/tmall4_2.jpg" alt=""></a>
                        </div>
                        <div class="bdOne">
                            <a href=""><img src="../images/tmall5_1.jpg" alt=""></a>
                            <a href=""><img src="../images/tmall5_2.jpg" alt=""></a>
                        </div>
                        <div class="bdOne">
                            <a href=""><img src="../images/tmall1_1.jpg" alt=""></a>
                            <a href=""><img src="../images/tmall1_2.jpg" alt=""></a>
                        </div>
                    </div>
                    <ul class="bdTwo">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="bd-left"></div>
                    <div class="bd-right"></div>
                </div>
            </div>
        </div>
        <div class="subColumn">
            <div class="subColumnHd">
                <a href="#"><img src="../images/column1.webp" alt=""></a>
            </div>
            <div class="subColumnBd">
                <h3>今日热卖</h3>
                <a href="#"><img src="../images/column2.jpg" alt=""></a>
            </div>
        </div>
        <div class="colRight">
            <div class="member">
                <a href="#"><img src="../images/user.jpg" alt=""></a>
                <p>Hi,你好</p>
                <div class="memberTjb">
                    <a href="#">
                        <span class="memberIcon"></span>
                        <span>领淘金币抵钱</span>
                    </a>
                    <a href="#">
                        <span class="tjbIcon"></span>
                        <span>会员俱乐部</span>
                    </a>
                </div>
                <div class="memberLogin">
                    <a href="./login.html" class="mlogin">登录</a>
                    <a href="./register.html">注册</a>
                    <a href="#">开店</a>
                </div>
                <ul class="order">
                    <li>
                        <a href="#">
                            <div class="count1">0</div>
                            <p>待收货</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="count1">0</div>
                            <p>待发货</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="count1">0</div>
                            <p>待付款</p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="count1">0</div>
                            <p>待评价</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tbh-tipoff">
                <a href="#"><img src="../images/member.jpg" alt=""></a>
            </div>
            <div class="tbhNotice">
                <ul class="noticeHd">
                    <li><a href="#" class="underline">公告</a></li>
                    <li><a href="#">规则</a></li>
                    <li><a href="#">安全</a></li>
                    <li><a href="#">公益</a></li>
                    <li><a href="#">千牛</a></li>
                </ul>
                <ul class="noticeBd">
                    <li style="display: block;"><a href="#">关于全面降低淘宝网卖家收款服务费率的公告</a></li>
                    <li>新增《淘宝网汽配行业管理规范》公示通知《淘宝网区域零售服务</li>
                    <li><span>魔豆妈妈公益项目</span><span>让母爱永不打烊！</span></li>
                    <li><span>阿里公益“奥斯卡”</span><span>阿里公益论坛</span></li>
                    <li><span>千牛头条</span><span>新手开店</span></li>
                </ul>
            </div>
            <div class="tbhConve">
                <li>
                    <a href="#">
                        <span class="bgIcon"></span>
                        <p>充话费</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="bgIcon"></span>
                        <p>旅行</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="bgIcon"></span>
                        <p>车险</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="bgIcon"></span>
                        <p>游戏</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="bgIcon"></span>
                        <p>彩票</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="bgIcon"></span>
                        <p>电影</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="bgIcon"></span>
                        <p>酒店</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="bgIcon"></span>
                        <p>理财</p>
                    </a>
                </li>
            </div>
            <div class="aliApp">
                <div class="title clearfix">
                    <h3>阿里App</h3>
                    <a href="#">更多</a>
                </div>
                <ul class="App">
                    <li>
                        <a href=""><img src="../images/taoApp.jpg" alt=""></a>
                        <div class="scan">
                            <img src="../images/weixin.jpg" alt="">
                            <p>扫一扫</p>
                        </div>
                    </li>
                    <li>
                        <a href=""><img src="../images/tianApp.png" alt=""></a>
                        <div class="scan">
                            <img src="../images/weixin.jpg" alt="">
                            <p>扫一扫</p>
                        </div>
                    </li>
                    <li>
                        <a href=""><img src="../images/zhiApp.png" alt=""></a>
                        <div class="scan">
                            <img src="../images/weixin.jpg" alt="">
                            <p>扫一扫</p>
                        </div>
                    </li>
                    <li>
                        <a href=""><img src="../images/dingApp.png" alt=""></a>
                        <div class="scan">
                            <img src="../images/weixin.jpg" alt="">
                            <p>扫一扫</p>
                        </div>
                    </li>
                    <li>
                        <a href=""><img src="../images/puApp.png" alt=""></a>
                        <div class="scan">
                            <img src="../images/weixin.jpg" alt="">
                            <p>扫一扫</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="goodStuff w">
        <div class="goodTitle">
            <h3>有好货</h3>
            <img class="imgTitle" src="../images/good.png" alt="">
        </div>
        <ul class="goodGoods"></ul>
    </div>
    <div class="layerInner w">
        <ul>
            <li><a href="#"><img src="../images/inner1.jpg" alt=""></a></li>
            <li><a href="#"><img src="../images/inner2.jpg" alt=""></a></li>
            <li><a href="#"><img src="../images/inner3.jpg" alt=""></a></li>
        </ul>
    </div>

    <div class="guees w">
        <div class="guees-hd">
            <h3>猜你喜欢</h3>
            <img class="img-hd" src="../images/guees.png" alt="">
        </div>
        <ul class="gueesGoods clearfix">
        </ul>
    </div>

    <div class="end w">
        <p>END</p>
    </div>
    <div class="helper w"></div>

    <div class="footer">
        <div class="w">
            <div class="ally clearfix">
                <span><a href="#">阿里巴巴集团</a></span>
                <b>|</b>
                <span><a href="#">淘宝网</a></span>
                <b>|</b>
                <span><a href="#">天猫</a></span>
                <b>|</b>
                <span><a href="#">聚划算</a></span>
                <b>|</b>
                <span><a href="#">全球速卖通</a></span>
                <b>|</b>
                <span><a href="#">阿里巴巴国际交易市场</a></span>
                <b>|</b>
                <span><a href="#">1688</a></span>
                <b>|</b>
                <span><a href="#">阿里妈妈</a></span>
                <b>|</b>
                <span><a href="#">飞猪</a></span>
                <b>|</b>
                <span><a href="#">淘小铺</a></span>
                <b>|</b>
                <span><a href="#">阿里云计算</a></span>
                <b>|</b>
                <span><a href="#">AspanOS</a></span>
                <b>|</b>
                <span><a href="#">阿里通信</a></span>
                <b>|</b>
                <span><a href="#">一淘</a></span>
                <b>|</b>
                <span><a href="#">万网</a></span>
                <b>|</b>
                <span><a href="#">高德</a></span>
                <b>|</b>
                <span><a href="#">UC</a></span>
                <b></b>
                <span><a href="#">友盟</a></span>
                <b>|</b>
                <span><a href="#">阿里安全</a></span>
                <b>|</b>
                <span><a href="#">大麦网</a></span>
                <b>|</b>
                <span><a href="#">钉钉</a></span>
                <b>|</b>
                <span><a href="#">支付宝</a></span>
                <b>|</b>
                <span><a href="#">优酷</a></span>
                <b>|</b>
                <span><a href="#">土豆</a></span>
                <b>|</b>
                <span><a href="#">阿里健康</a></span>
                <b>|</b>
                <span><a href="#">阿里影业</a></span>
                <b>|</b>
                <span><a href="#">网商银行</a></span>
            </div>
            <ul class="about clearfix">
                <li><a href="#">关于淘宝</a></li>
                <li><a href="#">营销中心</a></li>
                <li><a href="#">廉正举报</a></li>
                <li><a href="#">联系客服</a></li>
                <li><a href="#">开放平台</a></li>
                <li><a href="#">诚征英才</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">隐私权政策</a></li>
                <li><a href="#">法律声明</a></li>
                <li><a href="#">知识产权</a></li>
                <li><a href="#">不当竞争举报</a></li>
                <li><a href="#">规则意见征集</a></li>
                <li style="color: #e4dddd;">|</li>
                <p>© 2003-现在 Taobao.com 版权所有</p>
            </ul>
            <div class="hdThree">
                <span><a href="#">增值电信业务经营许可证：浙B2-20080224</a></span>
                <b>|</b>
                <span><a href="#">增值电信业务经营许可证（跨地区）：B2-20150210</a></span>
                <b>|</b>
                <span><a href="#">浙网文（2019）1033-086号</a></span>
                <b>|</b>
                <span style="color: #9c9c9c;">浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
            </div>
            <div class="hdFour">
                <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
                <b>|</b>
                <span>短消息类服务接入代码使用证书:号【2016】00154-A01</span>
                <b>|</b>
                <span>信息网络传播视听许可证：1109364号</span>
                <b>|</b>
                <span>出版物网络交易平台服务经营备案号:新出发浙备字第002号</span>
            </div>
            <div class="hdSix clearfix">
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </div>
        </div>
    </div>
</body>

<script src="../js/index.js"></script>
<script src="../js/gotoShopCar.js"></script>
<script src="../js/search.js"></script>
<script src="../js/changeCount.js"></script>

</html>